html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}
.container12, .container16 {
    margin:0 auto;
    padding:0;
    position:relative;
    width:1140px;
}
.row {margin-bottom:20px;}
.column1, .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12, .column13, .column14, .column15, .column16 {
    display:inline;
    float:left;
    margin-left:10px;
    margin-right:10px;
}
.container12 .alpha, .container16 .alpha {margin-left:0;}
.container12 .omega, .container16 .omega {margin-right:0;}
.container12 .column1 {width:75px;}
.container12 .column2 {width:170px;}
.container12 .column3 {width:265px;}
.container12 .column4 {width:360px;}
.container12 .column5 {width:455px;}
.container12 .column6 {width:550px;}
.container12 .column7 {width:645px;}
.container12 .column8 {width:740px;}
.container12 .column9 {width:835px;}
.container12 .column10 {width:930px;}
.container12 .column11 {width:1025px;}
.container12 .column12 {width:1120px;}
.container12 .prefix1 {padding-left:95px;}
.container12 .prefix2 {padding-left:190px;}
.container12 .prefix3 {padding-left:285px;}
.container12 .prefix4 {padding-left:380px;}
.container12 .prefix5 {padding-left:475px;}
.container12 .prefix6 {padding-left:570px;}
.container12 .prefix7 {padding-left:665px;}
.container12 .prefix8 {padding-left:760px;}
.container12 .prefix9 {padding-left:855px;}
.container12 .prefix10 {padding-left:950px;}
.container12 .prefix11 {padding-left:1045px;}

.container16 .column1 {width:51.25px;}
.container16 .column2 {width:122.5px;}
.container16 .column3 {width:193.75px;}
.container16 .column4 {width:265px;}
.container16 .column5 {width:336.25px;}
.container16 .column6 {width:407.5px;}
.container16 .column7 {width:478.75px;}
.container16 .column8 {width:550px;}
.container16 .column9 {width:621.25px;}
.container16 .column10 {width:692.5px;}
.container16 .column11 {width:763.75px;}
.container16 .column12 {width:835px;}
.container16 .column13 {width:906.25px;}
.container16 .column14 {width:977.5px;}
.container16 .column15 {width:1048.75px;}
.container16 .column16 {width:1120px;}
.container16 .prefix1 {padding-left:71.25px;}
.container16 .prefix2 {padding-left:142.5px;}
.container16 .prefix3 {padding-left:213.75px;}
.container16 .prefix4 {padding-left:285px;}
.container16 .prefix5 {padding-left:356.25px;}
.container16 .prefix6 {padding-left:427.5px;}
.container16 .prefix7 {padding-left:498.75px;}
.container16 .prefix8 {padding-left:570px;}
.container16 .prefix9 {padding-left:641.25px;}
.container16 .prefix10 {padding-left:712.5px;}
.container16 .prefix11 {padding-left:783.75px;}
.container16 .prefix12 {padding-left:855px;}
.container16 .prefix13 {padding-left:926.25px;}
.container16 .prefix14 {padding-left:997.5px;}
.container16 .prefix15 {padding-left:1068.75px;}

@media only screen and (min-width: 960px) and (max-width: 1160px) {
    .container12, .container16 {width:960px;}
    .container12 .column1 {width:60px;}
    .container12 .column2 {width:140px;}
    .container12 .column3 {width:220px;}
    .container12 .column4 {width:300px;}
    .container12 .column5 {width:380px;}
    .container12 .column6 {width:460px;}
    .container12 .column7 {width:540px;}
    .container12 .column8 {width:620px;}
    .container12 .column9 {width:700px;}
    .container12 .column10 {width:780px;}
    .container12 .column11 {width:860px;}
    .container12 .column12 {width:940px;}
    .container12 .prefix1 {padding-left:80px;}
    .container12 .prefix2 {padding-left:160px;}
    .container12 .prefix3 {padding-left:240px;}
    .container12 .prefix4 {padding-left:320px;}
    .container12 .prefix5 {padding-left:400px;}
    .container12 .prefix6 {padding-left:480px;}
    .container12 .prefix7 {padding-left:560px;}
    .container12 .prefix8 {padding-left:640px;}
    .container12 .prefix9 {padding-left:720px;}
    .container12 .prefix10 {padding-left:800px;}
    .container12 .prefix11 {padding-left:880px;}
    .container16 .column1 {width:40px;}
    .container16 .column2 {width:100px;}
    .container16 .column3 {width:160px;}
    .container16 .column4 {width:220px;}
    .container16 .column5 {width:280px;}
    .container16 .column6 {width:340px;}
    .container16 .column7 {width:400px;}
    .container16 .column8 {width:460px;}
    .container16 .column9 {width:520px;}
    .container16 .column10 {width:580px;}
    .container16 .column11 {width:640px;}
    .container16 .column12 {width:700px;}
    .container16 .column13 {width:760px;}
    .container16 .column14 {width:820px;}
    .container16 .column15 {width:880px;}
    .container16 .column16 {width:940px;}
    .container16 .prefix1 {padding-left:60px;}
    .container16 .prefix2 {padding-left:120px;}
    .container16 .prefix3 {padding-left:180px;}
    .container16 .prefix4 {padding-left:240px;}
    .container16 .prefix5 {padding-left:300px;}
    .container16 .prefix6 {padding-left:360px;}
    .container16 .prefix7 {padding-left:420px;}
    .container16 .prefix8 {padding-left:480px;}
    .container16 .prefix9 {padding-left:540px;}
    .container16 .prefix10 {padding-left:600px;}
    .container16 .prefix11 {padding-left:660px;}
    .container16 .prefix12 {padding-left:720px;}
    .container16 .prefix13 {padding-left:780px;}
    .container16 .prefix14 {padding-left:840px;}
    .container16 .prefix15 {padding-left:900px;}

    #header { width: 960px; margin: 0 auto; }
    #header .menu ul { width: 960px !important; }
    #header .menu li.set_menu_4 { width: auto !important; margin-left: 10px !important; text-align: center !important; }

    li.logo { display: none; }
    #header .phone-lang li:first-child { margin-right: 10px !important; }
    #header .logo img { left: 10px !important; width: 8% !important; }
    #header .menu li { min-width: 155px !important; padding: 20px 0 !important; }
    #header .slider-book { background: url("../images/line.png") no-repeat 120px 358px !important; }
    #header .book { width: 26% !important; bottom: 10px !important; right: 10px !important; }
    #header .book h2 { font-size: 18pt !important; margin-bottom: 0 !important; }
    #header .book input { width: 70% !important; padding: 2px 9px !important; }
    #header .book input[type="submit"] { margin: 10px 0 !important; }
    #header .book .form .row { margin-bottom: 0 !important; }
    #header .book .form label { margin-bottom: 0 !important; }
    #header .book .form a { margin-top: 0 !important; }
    #header .book .form img { top: 18px !important; right: 0 !important; }

    #wrapper h1 { font-size: 22px;}
    /* accomodations */
    #wrapper .main-content { padding: 0 10px !important;}
    .main-content { width: 747px; padding-left: 0 !important; }
    .accomodations .sidebar h3 { padding: 5px 0 5px 17px !important; font-size: 12px !important;}
    .accomodations .sidebar ul { width: 95% !important; }
    .main-content .info.detail { position: relative; padding: 0 10px !important; }
    .main-content .btn-book-now-detail { right: 10px !important;}
    .main-content #gallery-slider { left: 70px !important;}
    #gallery-slider .nav-controls a.next { left: auto !important; right: -50px !important; }
    #gallery-slider .thumbs li { width: auto !important; margin-right: 10px !important;  }
    #gallery-slider #thumbs img { max-width: 105px !important; margin-right: 0 !important; }

    .main-content .navigation { height: 54px !important; margin-bottom: 0 !important;}
    .navigation .pageLink { top: 10px !important;}
    .navigation .pageLink.next { left: auto !important; right: -50px !important; }
    .accomodations .sidebar h3 { width: 87.2% !important; }

    /* homepage */
    #wrapper .welcome h1, #wrapper .welcome .info { padding: 0 10px !important; }
    #wrapper .gallery h2, #wrapper .gallery .gallery-list { padding: 0 10px !important; }

    /* block gallery on homepage */
    .gallery-list .column4 { float: left; width: 29.5%; margin-right: 28px !important; }
    .gallery-list img { width: auto !important; }

    /* booking */
    .booking ul { width: 99% !important; margin-left: 0 !important; }
    .booking li { margin-right: 29px !important; }
    .booking li a { margin-right: 32px !important;}
    .step-2 .method label { width: 90% !important; }
    .select-your-room .book-date .form input { width: 205px !important; }
    .select-your-room .form-select-you-room ul li { margin-right: 0 !important; }
    .form-select-you-room .column2.omega { width: 170px !important; }

    /* contact */
    .contact-map iframe { width: 100% !important; }
    .contact-map .btn-book-now { width: 100% !important; }

    /* footer */
    #footer .column5 { }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container12, .container16 {width:768px;}
    .container12 .column1 {width:44px;}
    .container12 .column2 {width:108px;}
    .container12 .column3 {width:172px;}
    .container12 .column4 {width:236px;}
    .container12 .column5 {width:300px;}
    .container12 .column6 {width:364px;}
    .container12 .column7 {width:428px;}
    .container12 .column8 {width:492px;}
    .container12 .column9 {width:556px;}
    .container12 .column10 {width:620px;}
    .container12 .column11 {width:684px;}
    .container12 .column12 {width:748px;}
    .container12 .prefix1 {padding-left:64px;}
    .container12 .prefix2 {padding-left:128px;}
    .container12 .prefix3 {padding-left:192px;}
    .container12 .prefix4 {padding-left:256px;}
    .container12 .prefix5 {padding-left:320px;}
    .container12 .prefix6 {padding-left:384px;}
    .container12 .prefix7 {padding-left:448px;}
    .container12 .prefix8 {padding-left:512px;}
    .container12 .prefix9 {padding-left:576px;}
    .container12 .prefix10 {padding-left:640px;}
    .container12 .prefix11 {padding-left:704px;}
    .container16 .column1 {width:28px;}
    .container16 .column2 {width:76px;}
    .container16 .column3 {width:124px;}
    .container16 .column4 {width:172px;}
    .container16 .column5 {width:220px;}
    .container16 .column6 {width:268px;}
    .container16 .column7 {width:316px;}
    .container16 .column8 {width:364px;}
    .container16 .column9 {width:412px;}
    .container16 .column10 {width:460px;}
    .container16 .column11 {width:508px;}
    .container16 .column12 {width:556px;}
    .container16 .column13 {width:604px;}
    .container16 .column14 {width:652px;}
    .container16 .column15 {width:700px;}
    .container16 .column16 {width:748px;}
    .container16 .prefix1 {padding-left:48px;}
    .container16 .prefix2 {padding-left:96px;}
    .container16 .prefix3 {padding-left:144px;}
    .container16 .prefix4 {padding-left:192px;}
    .container16 .prefix5 {padding-left:240px;}
    .container16 .prefix6 {padding-left:288px;}
    .container16 .prefix7 {padding-left:336px;}
    .container16 .prefix8 {padding-left:384px;}
    .container16 .prefix9 {padding-left:432px;}
    .container16 .prefix10 {padding-left:480px;}
    .container16 .prefix11 {padding-left:528px;}
    .container16 .prefix12 {padding-left:576px;}
    .container16 .prefix13 {padding-left:624px;}
    .container16 .prefix14 {padding-left:672px;}
    .container16 .prefix15 {padding-left:720px;}

    #header .menu li.set_menu_4 { width: auto !important; text-align: center !important; }

    li.logo { display: none; }
    #header .phone-lang li:first-child { margin-right: 10px !important; }
    #header .logo img { left: 10px !important; width: 9% !important; }
    #header .menu { width: 768px !important; }
    #header .menu ul { width: 100% !important; }
    #header .menu li { min-width: 124px !important; padding: 20px 0 !important; }
    #header .slider-book { height: 294px !important; background: url("../images/line.png") no-repeat -262px 286px !important; }
    #header .book { width: 26% !important; bottom: 8px !important; }
    #header .book h2 { font-size: 18pt !important; margin-bottom: 0 !important; }
    #header .book input { width: 70% !important; padding: 2px 9px !important; }
    #header .book input[type="submit"] { margin: 10px 0 !important; }
    #header .book .form .row { margin-bottom: 0 !important; }
    #header .book .form label { margin-bottom: 0 !important; }
    #header .book .form a { margin-top: 0 !important; }
    #header .book .form img { top: 18px !important; right: 0 !important; }

    #wrapper h1 { font-size: 22px;}
    /* accomodations */
    .main-content { width: 747px; padding-left: 0 !important; }
    .accomodations .sidebar h3 { padding: 5px 0 5px 17px !important; font-size: 12px !important;}
    .accomodations .sidebar ul { width: 97% !important; }
    .main-content h1 { padding: 0 10px !important; }
    .main-content .info { position: relative; padding: 0 10px !important; }
    .main-content .info .list-info img { max-width: 254px !important; }
    .main-content .info .list-info .some-feature p.btn-book-now { height: 25px !important; position: relative !important; bottom: 0 !important; right: 0 !important;}
    .main-content .info.detail .list-info img { max-width: 354px !important; }
    .main-content .info.detail .navigation { margin-bottom: 10px !important; }
    .main-content .btn-book-now-detail { right: 10px !important;}
    .main-content #gallery-slider { left: 70px !important;}
    #gallery-slider .nav-controls a.next { left: auto !important; right: -50px !important; }
    #gallery-slider .thumbs li { width: auto !important; margin-right: 10px !important;  }
    #gallery-slider #thumbs img { max-width: 81px !important; margin-right: 0 !important; }

    .main-content .navigation { height: 54px !important; margin-bottom: 0 !important;}
    .navigation .pageLink.next { left: auto !important; right: -50px !important; }
    .accomodations .sidebar h3 { width: 87.2% !important; }

    /* homepage */
    #wrapper .welcome h1, #wrapper .welcome .info { padding: 0 10px !important; }
    #wrapper .gallery h2, #wrapper .gallery .gallery-list { padding: 0 10px !important; }

    /* block gallery on homepage */
    .gallery-list .column4 { float: left; width: 29.3%; margin-right: 22px !important; }
    .gallery-list img { width: auto !important; }

    /* booking */
    .booking ul { width: 98% !important; margin-left: 0 !important; }
    .booking ul li { margin-left: 15px !important; margin-right: 0px !important; }
    .booking li:first-child { margin-left: 0 !important; }
    .booking ul li a { margin-right: 15px !important; }
    .step-2 .method label { width: 88% !important;}
    .step-3 .your-booking li { margin-left: 0 !important; }
    .form-select-you-room .column2.omega { width: 170px !important; }
    .select-your-room .book-date .form input { width: 65% !important;  }

    /* contact */
    .contact-map iframe { width: 100% !important; }

    /* footer */
    #footer .column5 h3, #footer .column5 p, #footer .column2 p, #footer .column2 h3, #footer .column12 p { margin-left: 10px !important; }
}

@media only screen and (max-width: 767px) {
    .container12, .container16 {width:300px;}
    .container12 .column1, .container16 .column1,
    .container12 .column2, .container16 .column2,
    .container12 .column3, .container16 .column3,
    .container12 .column4, .container16 .column4,
    .container12 .column5, .container16 .column5,
    .container12 .column6, .container16 .column6,
    .container12 .column7, .container16 .column7,
    .container12 .column8, .container16 .column8,
    .container12 .column9, .container16 .column9,
    .container12 .column10, .container16 .column10,
    .container12 .column11, .container16 .column11,
    .container12 .column12, .container16 .column12,
    .container16 .column13,
    .container16 .column14,
    .container16 .column15,
    .container16 .column16 {
        margin:0 0 20px 0;
        width:300px;
    }
    .container12 .prefix1, .container12 .prefix2, .container12 .prefix3, .container12 .prefix4, .container12 .prefix5, .container12 .prefix6, .container12 .prefix7, .container12 .prefix8, .container12 .prefix9, .container12 .prefix10, .container12 .prefix11, .container16 .prefix1, .container16 .prefix2, .container16 .prefix3, .container16 .prefix4, .container16 .prefix5, .container16 .prefix6, .container16 .prefix7, .container16 .prefix8, .container16 .prefix9, .container16 .prefix10, .container16 .prefix11, .container16 .prefix12, .container16 .prefix13, .container16 .prefix14, .container16 .prefix15 {padding-left:0;}
    .row {margin:0;}

    #header .logo { display: none; }
    #header .logo img { width: 80px !important; top: 8px !important; left: 10px !important; }

    /* menu */
    #header .menu { position: fixed !important; top: 68px !important; width: 58%; right: 0; opacity: 1; z-index: 14 !important; }
    #header .menu li { padding: 10px 0 !important; }
    #header .menu ul { display: none; }
    #header .menu.active ul { display: block; }
    .left6 { right: 58% !important;}

    .theme-default a.nivo-nextNav { left: 260px !important; }

    .btn-navbar { background: #683C10;
        cursor: pointer;
        right: 0;
        overflow: hidden;
        position: fixed;
        text-indent: -23em;
        top: 68px;
        transition: all 0.25s ease-out 0s;
        width: 66px;
        height: 66px;}
    #header .menu ul li { float: none; width: auto; text-align: left; margin-left: 10px; }
    #header .menu li.set_menu_4 { width: auto !important; margin-left: 10px !important; }

    .btn-navbar:before {
        border-bottom: 4px solid #888888;
        border-top: 4px solid #888888;
        content: "";
        display: block;
        height: 5px;
        right: 0;
        position: absolute;
        top: 22px;
        width: 22px;
    }
    .btn-navbar:before, .btn-navbar:after {
        border-bottom: 4px solid #888888;
        border-top: 4px solid #888888;
        content: "";
        display: block;
        height: 5px;
        right: 20px;
        position: absolute;
        top: 22px;
        width: 22px;
    }

    .btn-navbar:after {
        border-bottom: 0 none;
        border-top: 4px solid #888888;
        right: 20px;
        top: 40px;
    }
    .btn-navbar:before, .btn-navbar:after {
        border-bottom: 4px solid #888888;
        border-top: 4px solid #888888;
        content: "";
        display: block;
        height: 5px;
        right: 20px;
        position: absolute;
        top: 22px;
        width: 22px;
    }

    /* homepage */
        /* #slider */
        #slider { margin-bottom: 10px !important; }
        /*book*/
        #header .menu { opacity: 1 !important; border-bottom: none !important;  }
        #header .book { width: 100% !important; padding: 10px 0 !important; position: relative !important; bottom: 0 !important; }
        #header .book h2 { padding-left: 10px !important; }
        #header .book form { padding-left: 10px !important; }
        #header .book .form input { width: 213px !important; }
        #header .book .form input[type="submit"] { width: 40% !important; border-radius: 0 }
        #header .slider-book { background: url("../images/line.png") no-repeat 0 417px !important; }
        /* welcome */
        #wrapper .welcome { padding: 0 10px; }
        #wrapper .welcome .info { width: 93%; }

        /* #wrapper .gallery */
        #wrapper .gallery { padding: 0 10px; }
        .gallery-list img { width: 264px !important; }

    /* accomodations */
        /* main-content */
        #wrapper .main-content { width: 93%; padding-left: 10px !important; border-left: 0 !important; }
            .main-content .info .list-info { margin-top: 30px !important; }
            .main-content .info .list-info:first-child { margin-top: 0; }
            .main-content .info .list-info img { max-width: 280px !important;}
            .main-content .info .list-info ul li.btn-book-now { bottom: -15px !important; }

    /* accomodations detail */
    .accomodations .sidebar h3 { width: 94.3% !important; }
    .accomodations .sidebar ul { width: 100% !important; }
    .main-content .info .detail img { max-width: 280px; margin-left: 0 !important; }

    .main-content .info .detail ul { width: 100% !important; margin-left: 0 !important; }
    .main-content .info .detail ul li { margin-right: 9px !important; }
    .main-content .info .detail ul li.omega { margin-right: 0 !important; }
    .main-content .btn-book-now-detail { top: auto !important; bottom: -47px !important; right: auto !important;}

    /* promotions */
    .promotions .column12 { width: 93%; margin: 0 10px !important; }
    .promotions .column12 .promotion { width: 100% !important; }

    /* gallery */
    #wrapper .gallery { padding-bottom: 0 !important; }
    .gallery .column12 { width: 100%; }
    .gallery ul.porfolio { margin-left: 0 !important; }
    .gallery ul.porfolio li { width: 93%; }
    .gallery .porfolio-thumb li { width: 100%; }

    #gallery-slider { left: 0 !important; }
    #gallery-slider .nav-controls { top: 70px !important; }
    #gallery-slider .nav-controls a.prev { left: -16px !important; }
    #gallery-slider .nav-controls a.next { right: 0 !important; }
    #gallery-slider #thumbs img { max-width: 68px !important; }
        .slideshow-container #slideshow { height: 191px; overflow: hidden; }
        .slideshow-container #slideshow img { width: 93% !important; }
        #thumbs { margin-bottom: 10px; }
        #thumbs .pageLink { top: 3px !important; }
        #thumbs .pageLink.prev { left: -10px !important;}
        #thumbs .pageLink.next { right: 10px !important; }

    /* service */
    #wrapper .services {}
        .services h1 { padding: 0 10px; }
        .services p { padding: 0 10px; }
        .services .list-services {}
            .list-services .service {  }
            .list-services .service img { float: left; margin-left: 0 !important; padding-left: 10px; }
            .list-services .service p { margin-bottom: 0 !important; padding-left: 10px; text-align: left !important; }

    /* contact */
    #wrapper .contact {}
        .contact .form { padding-left: 0 !important; }
        .contact .form h1 { padding: 0 10px !important; }
        .contact .form form { padding: 0 10px !important; }
        .contact .form .input-captcha input { margin-right: 5px !important; }
        .contact-map iframe { margin: 65px 0 10px; padding: 0 10px !important; width: 280px !important; }

        .contact-map .contact-info { padding: 0 10px !important; }
        .contact-map .google-map { margin: 0 0 10px !important; padding: 0 !important; }

    /* booking */
    #wrapper .booking { padding-top: 45px !important; }
        .booking ul { height: auto !important; }
        .booking li { float: none !important; margin: 0 10px !important; }
        .step-1 label, .other-info label { float: none !important; width: auto !important; }
        .step-1 input, .step-1 textarea, .other-info input { width: 95%; }

    .step h2, .step .form { margin: 0 10px !important; }
        .step-2 .method label { width: 90% !important; margin-right: 0 !important; }
        .step-3 .your-booking { margin: 10px; }
            .step-3 .your-booking img { width: 27% !important; margin-right: 0 !important; }
            .step-3 .your-booking ul { width: 73% !important; }
        .step-3 .payment-info { margin: 0 10px !important; }
            .step-3 .payment-info input { width: 92.7% !important; }
            .step-3 .payment-info input[type="submit"] { width: auto !important; }
    .step-3 .form { margin: 0 !important; }
    .step-1 input[type="checkbox"], .other-info input[type="checkbox"] { margin: 5px 5px 0 0 !important; }

    /* booking select your room */
    #wrapper .select-your-room { padding-bottom: 0 !important; }
    .select-your-room .column9 li { float: none; margin-top: 10px !important; }
    .select-your-room .column9 li:first-child { margin-top: 0 !important; }
    .select-your-room .form-select-you-room ul li.thead .column2 { display: none !important; }
    .select-your-room .form-select-you-room ul li { margin: 0 !important; }
    .select-your-room .form-select-you-room ul li div { width: 93.2%; margin: 0 10px !important; }
    .select-your-room .form-select-you-room ul li div.column2 { float: left; width: 35% !important; }
    .select-your-room .form-select-you-room ul li div.column2.omega { float: left; width: 50% !important; margin-right: 0 !important; }
    .select-your-room .form-select-you-room ul li.tbody { padding: 15px 0 !important; }
    .select-your-room .form-select-you-room ul li.tbody img { max-width: 30% !important; }
    .select-your-room .form-select-you-room ul li.tbody ul { width: 60%; margin-left: 10px !important; }
    .select-your-room .form-select-you-room ul li.tbody ul li { margin: 0 !important; }
    .select-your-room .book-date .form input { width: 205px !important; }

    .promotion .btn-book-now:hover, .btn-book-now:hover { color: #D89A03; }

    /*  footer */
    #footer h3 { padding-left: 10px; }
    #footer p { padding-left: 10px; }
    #footer .icon { margin-left: 10px; padding: 10px 0 0 20px !important; }
    #footer .fax { background: url("../images/icon-fax.png") no-repeat 0 10px !important; }
    #footer .email { background: url("../images/icon-email.png") no-repeat scroll 0 13px !important; }

    #footer .social a { padding-left: 10px !important; }
    #footer .icon-twitter { background: url("../images/icon-twitter.png") no-repeat 0 9px !important; }
    #footer .icon-facebook { background: url("../images/icon-twitter.png") no-repeat 0 9px !important; }
    #footer .icon-gmail { background: url("../images/icon-gmail.png") no-repeat 0 9px !important; }
    #footer .icon-google { background: url("../images/icon-google-plus.png") no-repeat 0 9px !important; }
    #footer .icon-skype{ background: url('../images/icon-skype.png') no-repeat 0 9px !important; }
    #footer .icon-yahoo{ background: url('../images/icon-yahoo.png') no-repeat 0 9px !important; }

    .icon-home { right: 21px !important; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container12, .container16 {width:480px;}
    .container12 .column1, .container16 .column1,
    .container12 .column2, .container16 .column2,
    .container12 .column3, .container16 .column3,
    .container12 .column4, .container16 .column4,
    .container12 .column5, .container16 .column5,
    .container12 .column6, .container16 .column6,
    .container12 .column7, .container16 .column7,
    .container12 .column8, .container16 .column8,
    .container12 .column9, .container16 .column9,
    .container12 .column10, .container16 .column10,
    .container12 .column11, .container16 .column11,
    .container12 .column12, .container16 .column12,
    .container16 .column13,
    .container16 .column14,
    .container16 .column15,
    .container16 .column16 {
        margin:0;
        width:480px;
    }
    .container12 .prefix1, .container12 .prefix2, .container12 .prefix3, .container12 .prefix4, .container12 .prefix5, .container12 .prefix6, .container12 .prefix7, .container12 .prefix8, .container12 .prefix9, .container12 .prefix10, .container12 .prefix11, .container16 .prefix1, .container16 .prefix2, .container16 .prefix3, .container16 .prefix4, .container16 .prefix5, .container16 .prefix6, .container16 .prefix7, .container16 .prefix8, .container16 .prefix9, .container16 .prefix10, .container16 .prefix11, .container16 .prefix12, .container16 .prefix13, .container16 .prefix14, .container16 .prefix15 {padding-left:0;}
    .row {margin:0;}
    li.logo { display: none; }
    .theme-default a.nivo-nextNav { left: 170px !important; }

    #header .menu { width: 38%; }
    #header .menu li { min-width: 16% !important; padding: 10px 0 !important; }
    #header .menu li.set_menu_4 { width: auto !important; margin-left: 10px !important; }
    #header .phone-lang li:first-child { margin-right: 10px !important; }
    #header .logo img { width: 80px !important; top: 8px !important; left: 10px !important;}
    #header .slider-book { height: inherit !important; background: url("../images/line.png") no-repeat -560px 179px !important; }
    #header .book { width: 50% !important; padding: 5px 10px !important; position: absolute !important; bottom: 10px !important; right: 10px !important; }
    #header .book h2 { font-size: 14pt !important; margin-bottom: 0 !important; }
    #header .book .form input { width: 74% !important; padding: 2px 9px !important; font-size: 12px; }
    #header .book input[type="submit"] { margin: 3px 0 0 !important; }
    #header .book .form .row { line-height: inherit; margin-bottom: 0 !important; }
    #header .book .form label { margin-bottom: 0 !important; font-size: 12px; }
    #header .book .form a { margin-top: 0 !important; }
    #header .book .form img { height: 23px; top: 20px !important; right: 10px !important; }
    .left6 { right: 38% !important;}

    #wrapper .welcome, #wrapper .gallery { padding: 0 !important; }
    #wrapper .gallery { padding-bottom: 10px !important; }

    /* accomodations */
    .accomodations .sidebar h3 { width: auto !important; }
    .main-content .info .list-info img { max-width: 460px !important; }

    .main-content { width: 747px; padding-left: 10px !important; }
    .main-content h1 { padding: 0 !important; }
    .main-content .info.detail { position: relative; }
    .main-content .btn-book-now-detail { right: 10px !important;}
    .main-content #gallery-slider { left: 0 !important;}
    .main-content .info .list-info .some-feature { margin-top: 10px; }

    #gallery-slider .nav-controls { top: 135px !important; }
    #gallery-slider .nav-controls a.next { left: auto !important; right: 0 !important; }
    #thumbs .pageLink.next { right: 0 !important; }
    #gallery-slider .thumbs li { width: auto !important; margin-right: 10px !important;  }
    #gallery-slider #thumbs img { max-width: 88px !important; margin-right: 21px !important; }

    .slideshow-container #slideshow { height: auto !important; }
    .slideshow-container #slideshow img { width: auto !important; }
    #thumbs .pageLink { top: 8px !important; }
    #thumbs .pageLink.prev { left: -17px !important; }

    .main-content .navigation { margin-bottom: 10px;}
    .navigation .pageLink.next { left: auto !important; right: 120px !important; }

    /* services */
    .services { padding-bottom: 10px !important; }
    .list-services .service { margin-top: 10px; }
    .list-services .service:first-child { margin-top: 0; }

    /* homepage */
    #wrapper .welcome h1, #wrapper .welcome .info { padding: 0 10px !important; }
    #wrapper .gallery h2, #wrapper .gallery .gallery-list { padding: 0 10px !important; }

    /* block gallery on homepage */
    .gallery-list .column4 { float: left; width: 27.8%; margin-right: 29px !important; }
    .gallery-list .column4:last-child { margin-right: 0 !important; }
    .gallery-list img { width: auto !important; }

    /* booking */
    .booking li { float: none !important; }

    /* footer */
    #footer .column5 h3, #footer .column5 p, #footer .column2 p, #footer .column2 h3, #footer .column12 p {  }
}
.clearfix:before, .clearfix:after,
.row:before, .row:after,
.container12:before, .container12:after, .container16:before, .container16:after {
    content:'.';
    display:block;
    height:0;
    overflow:hidden;
    visibility:hidden;
    width:0;
}
/* http://sonspring.com/journal/clearing-floats */
.clear {
    clear:both;
    display:block;
    height:0;
    overflow:hidden;
    visibility:hidden;
    width:0;
}
.row:after, .clearfix:after, .container12:after, .container16:after {clear:both;}
/* For IE7. Move this to separate file when you notice some problems */
.row, .clearfix {zoom: 1;}
img, object, embed {max-width:100%;}
img {height:auto;}